html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
  font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
}
body{font-size:14px;color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
body.main_Frame{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.border-none{border:0px;}
.panel{background:#fff;}

form .form-group:last-child{padding-bottom:0;}
.passcode{position:absolute;right:0;top:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}

.righter{float:right;width:100%;}
.mainer{margin-left:200px;background:#2C3E50;}

.logo{height:40px;background:#2C3E50;line-height:40px;position:absolute;float:left;width:200px;text-align:center;}
.logo a{color:#fff;text-align:center;font-size:18px;}

.admin-nav{display:inline;float:left;}
.admin-navbar{height:40px;background:#34495e;overflow:hidden;}
.admin-nav li{display:inline-block;}
.admin-nav li a{padding:10px 20px;color:#fff;}
.admin-nav li a:hover{background:#34495e;color:#fff;}
.admin-nav li.active > a:hover{background:#1ABC9C;color:#fff;}
.admin-nav ul{display:none;}
.admin-nav ul li{float:none;display:block;}
.admin-nav ul ul li{list-style:circle;margin-left:15px;}
.admin-nav .active a{background:#1ABC9C;color:#fff;border-bottom: 1px solid #dbdbdb;}
.admin-nav .active ul{display:block;position:fixed;left:0;width:200px;margin-top:41px;}
.admin-nav .active ul a{background:transparent;color:#333;border-radius:0;}
.admin-nav .active .active > a{background:#d9e2ec;}
.admin-nav .active li ol{display:none;}
.admin-nav .active li.active ol{display:block;}
.admin-nav .active li ol{padding-left:0px;}
.admin-nav .active li ol li a{color:#333;}
.admin-nav .active li ol li a font{color:#ccc;}
.admin-nav .active .active ol{padding-left:0px;}
.admin-nav .active .active ol li.active a{background:none;color:#1ABC9C;}
.admin-nav .active .active ol li a font{color:#ccc;}
.admin-navbar .float-right{padding:4px;}
.admin-navbar .float-right.show-l{padding:4px 8px;}
.admin-bread{background-color: #f3f6fb;border-bottom: 1px solid #d5dade;border-left: 1px solid #d5dade;line-height:20px;}
.admin-bread .bread{margin-bottom:0;padding:5px 15px;}
.admin-bread span{float:right;font-size:12px;color:#666;line-height:30px;padding-right:20px;}

.admin{background:#eff3f6;position:absolute;border-left:solid 1px #d5dade;right:0;bottom:0;top:71px;left:200px; overflow:auto;}
.alert{margin-bottom:20px;}
.admin-panel td{line-height:24px;}
.admin-panel td .button{line-height:16px;}
.admin-panel .pagination .active{background:#fff;}

/*表单*/
.select{width:auto;}
.input-inline{width:auto;}
select.input{background: url("../img/arrow.png") no-repeat scroll right center transparent;padding-right:20px;}
/**/
.main{padding:20px;}
/**/
.sub-menu{background-color: #f7f8fa;border-top: 1px solid #fff;border-bottom: 1px solid #dbe7ef;padding: 10px 20px;margin-left: -20px;margin-right: -20px;margin-top:-20px;}

/*图片列表*/
.pics{padding-top:20px;}
.pics .item{
    width: 250px;
    position: relative;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    display: inline-block;
    float:left;
    margin:10px;
}
.pics .item .pic{
    position: relative;
    display: block;
    width: 250px;
    height: 200px;
    overflow: hidden;
}
.pics .item .pic a{
    height: 100%;
    text-align: center;
    display:block;
    line-height:150px;
    *font-size:125px;
}
.pics .item .pic a:after{
    content:' '; vertical-align:middle;
}
.pics .item .pic a img{
    display:inline-block;
    vertical-align:middle;
}
.pics .item .pic .title{
    position:absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
    padding:5px;
    color:#fff;
}
.pics .item .pic .title i{
    position:absolute;
    left:0px;
    top:0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 0;
}
.pics .item .pic .title span{
    position:relative;
    z-index: 2;
}
.pics .item .pic .close{width:30px;height:30px;position:absolute;top:0px;right:2px;text-align:center;line-height:30px;}
.pics .item .pic .close i{width: 100%;height: 100%;background:#000;opacity:0.1;position:absolute;left:0px;top:0px;}
.pics .item .pic .close:hover i{background:#f00;opacity:0.5;}
.pics .item .pic .close a{z-index: 2;display:block;width:100%;height: 100%;position:absolute;top:0px;left:0px;}
.pics .item .active{text-align:center;}
.pics .item .button-group{padding:10px;}
/*.pics .item .button-group a{color: #ccc;}
.pics .item .button-group a.on{color: #333;}*/
.pics .item .button-group input{display:inline-block;width:40px;padding-left:0px;padding-right:0px;text-align:center;font-size:12px;}
.pics .item .button-group label input{width:auto;opacity: 1;position:relative;z-index:1;}
.pics .item .time{padding:0 10px 10px;color:#838383;font-size:12px;}
.pics .item .time a{font-size:16px;}


/*dialog*/
.aui_header{display: none;}
.aui_state_full {display: block;height: 100%;margin: 0; padding: 0 !important;width: 100%;}

.dialog_con_notice{background:#8CBC45;color: #fff;padding:10px 20px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}


/*缩略图*/
.thumb .picitem{float:left;width:104px;height:100px;margin-right:10px;margin-top:10px;position: relative;}
.thumb .picitem img{width:100px;height:100px;border:2px solid #ccc;}
.thumb .picitem a{position: absolute;top:0px;display: inline-block;width:15px;height:15px;right:0px;background: #000;color:#fff;text-align: center;line-height: 15px;display: none;}
.thumb .picitem:hover a{display: block;}

.spec_thumb .picitem{float:left;width:35px;height:35px;margin-right:10px;position: relative;}
.spec_thumb .picitem img{width:35px;height:35px;border:1px solid #ccc;}
.spec_thumb .picitem a{position: absolute;top:0px;display: inline-block;width:15px;height:15px;right:0px;background: #000;color:#fff;text-align: center;line-height: 15px;display: none;}
.spec_thumb .picitem:hover a{display: block;}

/*作品列表*/
.piclist .picitem{float:left;width:104px;margin-right:10px;margin-top:10px;position: relative;}
.piclist .picitem img{width:100px;height:100px;border:2px solid #ccc;cursor:move;}
.piclist .picitem input{width:100px;margin-top:5px;}
.piclist .picitem a{position: absolute;top:0px;display: inline-block;width:15px;height:15px;right:0px;background: #000;color:#fff;text-align: center;line-height: 15px;display: none;}
.piclist .picitem:hover a{display: block;}

/*文件列表*/
.filelist .fileitem{float:left;margin-right:10px;margin-top:10px;position: relative;}
.filelist .fileitem span{border:2px solid #ccc;cursor:move;display:block;line-height:26px;padding:5px 5px;}
.filelist .fileitem input{width:auto;display:inline-block;}
.filelist .fileitem a{position: absolute;top:0px;display: inline-block;width:15px;height:15px;right:0px;background: #000;color:#fff;text-align: center;line-height: 15px;display: none;}
.filelist .fileitem:hover a{display: block;}

/*板块*/
.admin-panel td{line-height:24px;}
.admin-panel td .button{line-height:16px;}
.admin-panel .pagination .active{background:#fff;}

/*状态按钮*/
.status_btn{color: #ccc;}
.status_btn:hover{color: #ccc;background:#fff;}
.status_btn:focus, .status_btn:hover{color:#ccc;background:#fff;}
.status_btn.on{color: #333;}

.add_spec_btn{border-color:#09c;color:#09c;}
.add_spec_btn.selected{border-color:#09c;background:#09c;color:#fff;}

/*按钮*/
.button-toolbar{}

/*分页*/
.page{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.page span{display:inline-block;border:solid 1px #ddd;border-radius:4px;background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;padding:8px 12px;color:#666;margin:0 5px;}
.page a{color:#999;padding:8px 12px;line-height:18px;display:inline-block;background:#ddd;border:1px solid #ddd;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;border-radius:5px;margin:0 5px;}

.dialog_center_notice{background:#8CBC45;color: #fff;padding:10px 20px;border-radius:5px;}

@media (max-width:760px){
    .righter{float: none;position: absolute;z-index:2;}
    .mainer{left:0px;margin-left:0px;}
    .admin-navbar .show-l{display:inline-block !important;}
    .admin{left:0px;margin-left:0px;}
    .main{padding:10px;overflow:hidden;}
    .main .sub-menu{margin-top:-10px;margin-left:-10px;}
    .admin-nav li a:hover{background:none;}
    .admin-nav{position: absolute;left:0px;top:40px;bottom:30px;right:0px;display: none;overflow:auto;background:#1ABC9C;}
    .admin-nav ul{display:block;}
    .admin-nav ul.two li a{padding-left:40px;}
    .admin-nav .active ul{display:block;position:static;margin-top:0px;width:100%;background:none;}
    .admin-nav .active a{background:none;color:#333;border:0px;font-weight:normal;}
    .admin-nav .active .active > a{background:none;color:#333;}
    .admin-nav li{display:block;float:none;color:#333;background:none;}
    .admin-nav li a{color:#333;background:none;font-weight:normal;}
    .admin-nav .active .active ol li.active a{background:none;color:#fff;}
    .button-toolbar .button-group{float:none !important;padding:5px 0px;}
}